<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Repute</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <nav>
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <a href=""><img src="img/Logo.png" alt=""></a>
                </div>
                <div class="col-md-7">
                    <ul>
                        <li class="bg-im1"><a href="" class="btn1">HOME</a><i class="ipc-1"></i></li>
                        <li class="bg-im1"><a href="" class="btn2">FEATURES</a><i class="ipc-1"></i></li>
                        <li class="bg-im1"><a href="" class="btn3">PAGES</a><i class="ipc-1"></i></li>
                        <li class="bg-im1"><a href="" class="btn4">PORTFOLIO</a><i class="ipc-1"></i></li>
                        <li class="bg-im1 mr-3"><a href="" class="btn5">BLOG</a><i class="ipc-1"></i></li>
                        <li class="bg-im2"><i class="ipc-2"></i><a href="" class="btn6">UPGRADE TO PRO</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <a href=""><img src="img/LB.png" class="d-block w-100" alt="..."></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="img/LB.png" class="d-block w-100" alt="..."></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="img/LB.png" class="d-block w-100" alt="..."></a>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only"></span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <header>
        <div class="container">
            <div class="row text-center bor">
                <div class="col-md-3">
                    <div class="col-md-3-bor">
                        <img src="img/Repute_15.gif" alt="">
                        <p class="mt-3">STRONG STRUCTURE</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-md-3-bor">
                        <img src="img/Repute_18.gif" alt="">
                        <p class="mt-3">GLOBAL SERVLCES</p>
                    </div>

                </div>
                <div class="col-md-3">
                    <div class="col-md-3-bor">
                        <img src="img/Repute_21.gif" alt="">
                        <p class="mt-3">DTNAMIC CHANGE</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <img src="img/Repute_23.gif" alt="">
                    <p class="mt-3">EXPONENTIAL GROWTH</p>
                </div>
            </div>
        </div>
    </header>
    <div class="mian mb-5">
        <div class="container text-01">
            <div class="row">
                <div class="col-md-6 com">
                    <h5>KNOW BERRER</h5>
                    <span>......</span>
                    <p class="mt-2">
                        Synergistically procrastinate one-to-one results for
                        accurate platforms. Assertively whitrboard corporate
                        users whereas  dynamic initiatives.
                    </p>
                    <p>
                        Energistically architect leading-edge users and inexpensive internal or “organic”sources.
                        Distinctively evolve e-business resources after progressive intellectual capital.Ovjectively
                        architect maintainable technologies via strategic convergence.Continually optimize <br>
                        stad-aline expertise with e-business e0services.Continually cinceputualize client-centered
                        opportunities and.
                    </p>
                    <p>
                        Dynamically customize backward-compaticle procecesse via front-end models.Distinctively
                        evisculate an expanded array of scenarios after virtual information.Professionally
                        evisculate an rxpanded array of scenarios after virtual information.Professionally
                        predominate technically soind resources through impactful minshare.Efficiently drive
                        viral interfaces without inexpensive value.Credibly.
                    </p>

                </div>
                <div class="col-md-6">
                    <img src="img/Repute_34.gif" class="ipc-3" alt="">
                </div>
            </div>
            <div class="row mt-5 mb-5 plr">
                <div class="col-md-6">
                    <div class="row cla">
                        <div class="col-md-2">
                            <img src="img/Repute_36.gif" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5 class="mb-3">GOAL ORLENTED</h5>
                            <p>
                                Holisticly harness just in time technologies via corporate csenarios.intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row cla">
                        <div class="col-md-2">
                            <img src="img/Repute_38.gif" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5 class="mb-3">GLOBAL SERVICE</h5>
                            <p>
                                Holisticly harness just in time technologies via corporate csenarios.intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mt-3">
                    <div class="row cla">
                        <div class="col-md-2">
                            <img src="img/Repute_42.gif" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5 class="mb-3">DYNAMIC CHANGE</h5>
                            <p>
                                Holisticly harness just in time technologies via corporate csenarios.intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mt-3">
                    <div class="row cla">
                        <div class="col-md-2">
                            <img src="img/Repute_43.gif" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5 class="mb-3">GOAL ORLENTED</h5>
                            <p>
                                Holisticly harness just in time technologies via corporate csenarios.intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row linn">
                <div class="col-md-12 text-center">
                    <img src="img/Repute_47.gif" alt="">
                    <h4 class="pb-2">ULTRA RESPONSIVE</h4>
                    <p class="pb-5">
                        Phoasfluorescently trvolutionize viral leadership via turnkey technology.Synergistically monetize intermandated
                        <br>strategic theme areas throughmultimedia based.
                    </p>
                </div>
                <div class="col-md-12 text-center border-top">
                    <a href="" class="btn11">Responsive</a>
                    <a href="" class="btn12">Easy to Customize</a>
                    <a href="" class="btn13">Design</a>
                    <a href="" class="btn14">Ferr Updates & Support</a>
                </div>
            </div>
        </div>
    </div>
    <div class="site mb-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h5>RECENT WORKS</h5>
                    <span>......</span>
                </div>
                <div class="col-md-4 mb-1 hk">
                    <a href="">
                        <img src="img/Repute_50.gif" alt="">
                    </a>
                </div>
                <div class="col-md-4 mb-1 hk">
                    <a href="">
                        <img src="img/Repute_52.gif" alt="">
                    </a>
                </div>
                <div class="col-md-4 mb-1 hk">
                    <a href="">
                        <img src="img/Repute_54.gif" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="news">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h5>RECENT WORKS</h5>
                    <span>......</span>
                </div>
                <div class="col-md-4 ">
                    <img src="img/Repute_58.gif" alt="" class="ipc-4">
                    <h5>In Demand:Collabotation Skill</h5>
                    <p>
                        Proactively engage orthogonal growth strategies without
                        resource-leveling testing procedures. Seamlessly
                        predominate interoperable growth strategies.
                    </p>
                    <p>23-02-2015</p>
                    <span>65 Comments</span>
                </div>
                <div class="col-md-4 ">
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/Repute_61.gif" alt="" class="ipc-4">
                        </div>
                        <div class="col-md-7">
                            <h6>Growth Strategies We Must K...</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/Repute_68.gif" alt="" class="ipc-4">
                        </div>
                        <div class="col-md-7">
                            <h6>Products Research Methodolo...</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/Repute_73.gif" alt="" class="ipc-4">
                        </div>
                        <div class="col-md-7">
                            <h6>Professional Leverage</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 ">
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/Repute_64.gif" alt="" class="ipc-4">
                        </div>
                        <div class="col-md-7">
                            <h6>Alternative E-commerce</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/Repute_69.gif" alt="" class="ipc-4">
                        </div>
                        <div class="col-md-7">
                            <h6>Understanding Globally Scale ...</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                    <div class="row mb_11 text-center ali">
                        <a href="">
                            See all news <img src="img/Repute_75.gif" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="container">
            <div class="row">
                <div class="col-md-3 mt-4">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/Repute_79.gif" alt=""></div>
                        <div class="col-md-10">
                            <h3>5200</h3>
                            <span>SUBSCRIBERS</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mt-4">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/Repute_81.gif" alt=""></div>
                        <div class="col-md-10">
                            <h3>273</h3>
                            <span>PROJECTS</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mt-4">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/Repute_84.gif" alt=""></div>
                        <div class="col-md-10">
                            <h3>640k</h3>
                            <span>APPRECIATIONS</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mt-4">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/Repute_87.gif" alt=""></div>
                        <div class="col-md-10">
                            <h3>123</h3>
                            <span>CLIENTS</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tag">
        <div class="container">
            <div class="row">
                <div class="col-md-6 text-left">
                    <h3>GET IN TOUCH</h3>
                </div>
                <div class="col-md-6 text-right">
                    <span>Call us at (1800)765-4321 or</span>
                    <a href="">CONTACT US</a>
                </div>
            </div>
        </div>
    </div>
    <footer class="pb-4">
        <div class="container">
            <div class="row">
                <div class="col-md-4 mt-3">
                    <img src="img/footer_LoGO.png" alt="">
                    <p class="mt-3">
                        Proactively aggregate B2B initiat before extenive
                        channerls.Monotonectally extend interactive methods of
                        empowerment through excellent applications.Radidously
                        synergize visionary products with sticky technology.
                    </p>
                    <p class="mt-3">
                        1234 North Main Street <br>
                        New York,NY 222222 <br>
                        Phone:(1800)765 - 4321 <br>
                        Email:email@yourdomain.com
                    </p>
                </div>
                <div class="col-md-4 mt-3 nd8">
                    <h5>USEFUL LINKS</h5>
                    <div class="row mt-4">
                        <div class="col-md-6">
                            <a href="">About US</a>
                        </div>
                        <div class="col-md-6">
                            <a href="">Press Kit</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">News</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">FAQ</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Community</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Terms</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Career</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Privacy Policy</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Blog</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Contact Us</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mt-3">
                    <h5>NEWSLETTER</h5>
                    <p class="mt-4">Get the latest update from us by subscribing to out newsletter.</p>
                    <div class="input_01">
                        <input type="text" placeholder="youremail@domain.com">
                        <input type="button" value="SUBSCRIBE">
                    </div>
                    <h6 class="mt-4">GET CONNECTED</h6>
                    <img src="img/Repute_93.gif" class="mt-2 pr-2" alt="">
                    <img src="img/Repute_95.gif" class="mt-2 pr-2" alt="">
                    <img src="img/Repute_97.gif" class="mt-2 pr-2" alt="">
                    <img src="img/Repute_99.png" class="mt-2 pr-2" alt="">
                </div>
            </div>
        </div>
    </footer>
    <div class="copyright">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-12">
                    More Templates - Collect from
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>